@import './reset.scss';
html,body{
    width: 100%;
    height: 100%;
    // margin: 0 auto;
}
.container{
    height: 100%;
    
    //轮播部分
    .swiper-container{
        width: 100%;
        height: 70%;
        position: relative;
        
        // background: yellowgreen;
        .swiper-wrapper{
            height: 100%;
            overflow: hidden;
            .imglist{   //ul
                width: 4200px;
                height: 100%;
                display: flex;
                transition-duration: 400ms;
                li{
                    width: 409px;
                    height: 100%;
                    flex-shrink: 0;//缩放比例为0
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
        .prev,.next{
            width: 27px;
            height: 44px;
            cursor: pointer;
            position: absolute;
            top: 50%;
            user-select: none;
            // z-index: 100;
        }
        .prev{left: 8px;}
        .next{right: 8px;}
    }
    //缩略图部分
    .swiper-thumbs{
        width: 100%;
        height: 20%;
        background: #000;
        &::-webkit-scrollbar{
            display: none;
        }
        overflow: auto;
        .imglist{
            height: 100%;
            width: 600px;
            display: flex;
            li{
                width: 100px;
                border-collapse: collapse;
                border: 5px solid #000;
                // border-right: 
                margin:5px 2px;
                opacity: 0.4;
                float: left;
                img{
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}


@font-face {
    font-family: 'iconfont';
    src: 
        url('./fonts/iconfont.ttf') format('woff'),
        url('./fonts/iconfont.woff') format('truetype'),
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 30px;
    color: #fff;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
